{% extends  'base.html' %}
{% load  static %}
{% block  content %}
<div class="inner met_flash">
<link href="{%  static 'images/css.css' %}" rel='stylesheet' type='text/css' />
<script src="{%  static 'images/jquery.bxSlider.min.js' %}"></script>
<div class='flash flash6' style='width:980px; height:245px;'>
<ul id='slider6' class='list-none'>
<li><a href='#' target='_blank' ><img src='{% static "images/1342429839.jpg" %}'width='980' height='245'></a></li>
<li><a href='#' target='_blank' ><img src='{% static "images/1342430031.jpg" %}'  width='980' height='245'></a></li>
<li><a href='#' target='_blank' ><img src='{% static "images/1342430031.jpg" %}'  width='980' height='245'></a></li>
<li><a href='#' target='_blank' ><img src='{% static "images/1342430031.jpg" %}'  width='980' height='245'></a></li>
</ul>
</div>
<script type='text/javascript'>$(document).ready(function(){ $('#slider6').bxSlider({ mode:'vertical',autoHover:true,auto:true,pager: true,pause: 5000,controls:false});});</script></div>


<div class="index inner">
	<div class="aboutus style-1">
		<h3 class="title">
			<span class='myCorner' data-corner='top 5px'>公司简介</span>
			<a href="" class="more" title="链接关键词">更多>></a>
		</h3>
		<div class="active editor clear contour-1"><div>
	<img alt="" src="http://demo.metinfo.cn/upload/images/20120716_094159.jpg" style="margin: 8px; width: 196px; float: left; height: 209px; " /></div>
<div style="padding-top:10px;">
<span style="font-size:14px;"><strong>关于&ldquo;为合作伙伴创造价值&rdquo;</strong></span></div>
<div>米拓信息认为客户、供应商、公司股东、公司员工等一切和自身有合作关系的单位和个人都是自己的合作伙伴，并只有通过努力为合作伙伴创造价值，才能体现自身的价值并获得发展和成功。</div>
<div>&nbsp;</div>
<div><span style="font-size:14px;"><strong>关于&ldquo;诚实、宽容、创新、服务&rdquo;</strong></span></div><div>
<span style="font-size:12px;">米拓信息认为诚信是一切合作的基础，宽容是解决问题的前提，创新是发展事业的利器，服务是创造价值的根本。</span></div>
<div class="clear"></div></div></div>

	<div class="case style-2">
		<h3 class='title myCorner' data-corner='top 5px'><a href="" title="链接关键词" class="more">更多>></a>案例</h3>
	  <div class="active dl-jqrun contour-1">

<dl class="ind">
<dt><a href="#" target='_self'><img src="{% static 'images/1342431883.jpg' %}" alt="图片关键词" title="图片关键词" style="width:116px; height:80px;" /></a></dt>
<dd>
<h4><a href="#" target='_self' title="示例案例六">示例案例六</a></h4>
<p class="desc" title="相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关描述文字。">相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关..</p>
</dd>
</dl>

<dl class="ind">
<dt><a href="#" target='_self'><img src="{% static 'images/1342428068.jpg' %}" alt="图片关键词" title="图片关键词" style="width:116px; height:80px;" /></a></dt>
<dd>
<h4><a href="#" target='_self' title="示例案例五">示例案例五</a></h4>
<p class="desc" title="相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关描述文字。">相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关..</p>
</dd>
</dl>

<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>

	<div class="index-news style-1">
		<h3 class="title">
			<span class='myCorner' data-corner='top 5px'>公司新闻</span>
			<a href="" class="more" title="链接关键词">更多>></a>
		</h3>
		<div class="active clear listel contour-2"><ol class='list-none metlist'>
<li class='list top'><span class='time'>2012-07-17</span><a href='#' >如何选择网站关键词?</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >新手使用MetInfo建站步骤</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >企业网站应该多长时间备份一次？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >如何充分发挥MetInfo的SEO功能</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >什么是伪静态？伪静态有何作用?</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >企业用网站进行网络宣传的优势</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >MetInfo企业建站系统有何优势？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >商业版和免费版在系统功能上有区别吗？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >为什么企业要建多国语言网站？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >如何获取MetInfo网站管理系统商业授权？</a></li></ol></div>
	</div>

<div class="index-news style-1">
<h3 class="title"><span class='myCorner' data-corner='top 5px'>行业资讯</span><a href="" class="more" title="链接关键词">更多>></a></h3>
<div class="active clear listel contour-2"><ol class='list-none metlist'>
<li class='list top'><span class='time'>2012-07-17</span><a href='#' >如何选择网站关键词?</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >新手使用MetInfo建站步骤</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >企业网站应该多长时间备份一次？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >如何充分发挥MetInfo的SEO功能</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >什么是伪静态？伪静态有何作用?</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >企业用网站进行网络宣传的优势</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#'>MetInfo企业建站系统有何优势？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#'>商业版和免费版在系统功能上有区别吗？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#' >为什么企业要建多国语言网站？</a></li>
<li class='list '><span class='time'>2012-07-16</span><a href='#'>如何获取MetInfo网站管理系统商业授权？</a></li>
</ol></div>
	</div>
	<div class="index-conts style-2">
		<h3 class='title myCorner' data-corner='top 5px'>

			<a href="" title="链接关键词" class="more">更多>></a>招聘
		</h3>
<div class="active clear listel contour-2"><ol class='list-none metlist'>
 <li class='list top'><span class='time'>2012-07-16</span><a href='#' >PHP技术支持</a></li>
 <li class='list '><span class='time'>2012-07-16</span><a href='#' >网络销售</a></li>
 <li class='list '><span class='time'>2012-07-16</span><a href='#' >网页UI设计师</a></li>
 <li class='list '><span class='time'>2012-07-16</span><a href='#' >Web前端开发人员</a></li>
 <li class='list '><span class='time'>2012-07-16</span><a href='#'>电子商务专员</a></li></ol></div>
</div>
	<div class="clear p-line"></div>

	<div class="index-product style-2">
		<h3 class='title myCorner' data-corner='top 5px'>
			<span></span>
 <div class="flip"><p id="trigger"></p> <a class="prev" id="car_prev" href="javascript:void(0);"></a> <a class="next" id="car_next" href="javascript:void(0);"></a></div>
			<a href=""  class="more">更多>></a>
		</h3>
		<div class="active clear">
			<div class="profld" id="indexcar" data-listnum="5">
			<ol class='list-none metlist'>
 <li class='list'><a href='#'  class='img'><img src='{% static "images/1342405015.jpg" %}'  width='160' height='130' /></a> <h3 style='width:160px;'><a href='#' >示例产品八</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{% static "images/1342404422.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' >示例产品七</a></h3></li>

 <li class='list'><a href='#' class='img'><img src='{% static  "images/1342404422.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' title='示例产品六' target='_self'>示例产品六</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{% static "images/1342404144.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' title='示例产品三' target='_self'>示例产品三</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{%  static  "images/1342360923.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' title='示例产品五' target='_self'>示例产品五</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{%  static "images/1342405015.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' title='示例产品四' target='_self'>示例产品四</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{% static "images/1342404144.jpg" %}'  width='160' height='130' /></a><h3 style='width:160px;'><a href='#' title='示例产品二' target='_self'>示例产品二</a></h3></li>

 <li class='list'><a href='#'  class='img'><img src='{% static "images/1342360923.jpg"  %}' alt='示例产品一' title='示例产品一' width='160' height='130' /></a><h3 style='width:160px;'><a href='#'>示例产品一</a></h3></li></ol>
			</div>
		</div>
	</div>

	<div class="clear"></div>
	<div class="index-links">
		<h3 class="title">

			<a href="" title="链接关键词" class="more">更多>></a>
		</h3>
		<div class="active clear">
			<div class="img"><ul class='list-none'>
</ul>
</div>
			<div class="txt"><ul class='list-none'>
<li><a href='#' target='_blank' title='企业网站管理系统'>MetInfo</a></li>
<li><a href='#' target='_blank' title='企业网站管理系统'>米拓信息</a></li>
</ul>
</div>
		</div>
		<div class="clear"></div>
	</div>

</div>
{% endblock %}